<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="../assets/fiexible/flexible_css.debug.js"></script>
    <script src="../assets/fiexible/flexible.debug.js"></script>
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/text.css">
    <title>Document</title>
</head>
<body>
        <header class="header">
            <h2><img src="../images/menu.png" alt="" id="img"></h2>
            <p><i>5万元合资车</i><img src="../images/camear.png" alt=""></p>
            <span>北京</span>
        </header>
        <div class="head">
            <ul class="clearfix">
                <li class="li1">默认排序</li>
                <li class="li2">品牌</li>
                <li class="li3">价格</li>
                <li class="li4">筛选</li>
            </ul>
        </div>
        <div class="moren">
            <ul class="uls">
                <li class="li">默认排序</li>
                <li>价格最低</li>
                <li>价格最高</li>
                <li>车龄最短</li>
                <li>里程最少</li>
                <li>最新发布</li>
                <li>距离最近</li>
            </ul>
            <div class="kong"></div>
        </div>
        <div class="moren2">
                <ul class="ul clearfix">
                    <li class="li">不限价格</li>
                    <li>5万以内</li>
                    <li>5万-10万</li>
                    <li>10万-15万</li>
                    <li>15万-20万</li>
                    <li>20万-30万</li>
                    <li>30万-50万</li>
                    <li>50万以上</li>
                </ul>
                <div class="p">
                        <p>确定</p>
                </div>
                
                <div class="kong"></div>
            </div>
            <div class="brand2">
                <header class="header">
                        <h2 class="h1"><img src="../images/left.png" alt="" id="imgs"></h2>
                        <p class="size"><em>品牌导航</em></p>
                    </header>
                    <div class="main1">
                            <div class="m_x">
                                <div class="m_x_o">
                                    <h2>热门品牌</h2>
                                </div>
                            </div>
                            <div class="o_m">
                                    <figure class="fig">
                                        <img src="../images/dabeng.png" alt="">
                                        <figcaption class="figs">奔驰</figcaption>
                                    </figure>
                                    <figure class="fig">
                                        <img src="../images/dabeng.png" alt="">
                                        <figcaption class="figs">奔驰</figcaption>
                                    </figure>
                                    <figure class="fig">
                                        <img src="../images/dabeng.png" alt="">
                                        <figcaption class="figs">奔驰</figcaption>
                                    </figure>
                                    <figure class="fig">
                                        <img src="../images/dabeng.png" alt="">
                                        <figcaption class="figs">奔驰</figcaption>
                                    </figure>
                                    <figure class="fig">
                                        <img src="../images/dabeng.png" alt="">
                                        <figcaption class="figs">奔驰</figcaption>
                                    </figure>
                                    <figure class="fig">
                                        <img src="../images/dabeng.png" alt="">
                                        <figcaption class="figs">奔驰</figcaption>
                                    </figure>
                                    <figure class="fig">
                                        <img src="../images/dabeng.png" alt="">
                                        <figcaption class="figs">奔驰</figcaption>
                                    </figure>
                                    <figure class="fig">
                                        <img src="../images/dabeng.png" alt="">
                                        <figcaption class="figs">奔驰</figcaption>
                                    </figure>
                                    <figure class="fig">
                                        <img src="../images/dabeng.png" alt="">
                                        <figcaption class="figs">奔驰</figcaption>
                                    </figure>
                                    <figure class="fig">
                                        <img src="../images/dabeng.png" alt="">
                                        <figcaption class="figs">奔驰</figcaption>
                                    </figure>
                            </div>
                            
                            
                        </div>
                        <div class="strat">
                             <p>  ☆ </p>  
                             <h2>不限品牌</h2> 
                        </div>
                        <div class="a">
                            <!-- <h2><span>A</span></h2>
                            <h2><img src="../images/aodi.png" alt=""><span>奥迪</span></h2> -->
                        </div>
            </div>
            
        <div class="brand">
            <header class="header">
                <h2 class="h2"><img src="../images/left.png" alt="" id="imgs"></h2>
                <p class="size"><em>高级筛选</em></p>
                <span>重置</span>
            </header>
            <div class="main">
                <div class="m_box1">
                    <div class="m_one">
                        <h2>车源类型</h2>
                        <div class="o_o">
                            <p class="o_p">不限</p>
                            <p>优信认证</p>
                            <p>个人车源</p>
                        </div>
                    </div>
                </div>
                <div class="m_box2">
                        <div class="m_two">
                            <h2 class="clearfix">车源类型  <span>不限车型 ></span></h2>
                            <div class="m_o clearfix">
                                <figure class="m">
                                    <img src="../images/che_1.png" alt="">
                                    <figcaption>不限</figcaption>
                                </figure>
                                <figure>
                                        <img src="../images/che_2.png" alt="">
                                        <figcaption>SUV</figcaption>
                                    </figure>
                                    <figure>
                                            <img src="../images/che_3.png" alt="">
                                            <figcaption>MPV</figcaption>
                                        </figure>
                                        <figure>
                                                <img src="../images/che_4.png" alt="">
                                                <figcaption>面包车</figcaption>
                                            </figure>
                                            <figure>
                                                    <img src="../images/che_5.png" alt="">
                                                    <figcaption>跑车</figcaption>
                                                </figure>
                                                <figure>
                                                        <img src="../images/che_6.png" alt="">
                                                        <figcaption>中型车</figcaption>
                                                    </figure>
                            </div>
                        </div>
                    </div>
                    <div class="m_box3">
                            <div class="m_one">
                                <h2>车辆所在地</h2>
                                <div class="o_o">
                                    <p class="o_p">不限</p>
                                    <p>本地</p>
                                </div>
                            </div>
                        </div>
            </div>
            <div class="foot">
                <p>找到123456俩车</p>
                <h2>查看</h2>
            </div>
        </div>
        <div class="img">
                <img src="../images/logo_1.png" alt="">
            </div>
            <div class="small">
                </div>
        <footer class="footer">
            <figure class="iconfont one">
                    &#xe61d 
                <figcaption>首页</figcaption>
            </figure>
            <figure class="iconfont first  two">
                    &#xe601
                <figcaption  class="first">买车</figcaption>
            </figure>
            <figure class="iconfont three">
                    &#xe625
                <figcaption>卖车</figcaption>
            </figure>
            <figure class="iconfont four">
                    &#xe6e4
                <figcaption>宝典</figcaption>
            </figure>
            <figure class="iconfont find">
                    &#xe621
                <figcaption>我的</figcaption>
            </figure>
        </footer>
        <script src="../assets/jquery/jquery-3.2.1.js"></script>
        <script src="../font/iconfont.js"></script>
        <script src="../assets/artTemplate/template-web.js"></script>
        <script src="../js/communal.js"></script>
        <script src="../js/text.js"></script>
        <script type="text/html" id="temp-test">
            {{each arr v i}}
            <div class="service clearfix">
                <div class="s_left">
                        <img src='{{v.img}}' alt="">
                </div>
                <div class="s_right">
                    <p class="s_p">{{v.s_p}}</p>
                    <span class="s_sp1">{{v.s_sp1}}</span>
                    <p class="s_p2"><span class="s_sp2">{{v.s_sp2}}</span><span class="s_sp3">{{v.s_sp3}}</span></p>
                </div>
                <div class="shou">
                    <span>{{v.span}}</span><a href="#">{{v.a}}</a>
                </div>
            </div>
                {{/each}}
          </script>
          <script type="text/html" id="temp-*">
            {{each att v i}}
            <h2><img src="{{v.img}}" alt=""><span>{{v.span}}</span></h2>
            {{/each}}
          </script>
</body>
</html>